<template>
    <div class="error-page">
        <h1>404</h1>
        <p>页面未找到</p>
        <router-link to="/home">返回首页</router-link>
    </div>
</template>

<script lang="ts" setup>
</script>

<style scoped>
.error-page {
    text-align: center;
    margin-top: 50px;
}

.error-page h1 {
    font-size: 100px;
    margin-bottom: 20px;
}

.error-page p {
    font-size: 20px;
    margin-bottom: 20px;
}

.error-page a {
    color: #42b983;
    text-decoration: none;
    font-weight: bold;
}
</style>
